<!--
 * new page
 * @author: YK
 * @since: 2024-08-26
 * Item.vue
-->
<template>
  <div
    class="item"
    style="font-size: 16px; color: #000; padding-top: 40px"
    :data-index="source.index"
  >
    <div class="head">
      <span>{{ source.name }}</span>
      <span>{{ source.index }}</span>
    </div>
    <div class="body" :style="{ fontSize: '18px' }">
      <span>{{ source.desc }}</span>
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps({
  source: {
    type: Object,
    default: () => ({}),
  },
});
</script>

<style scoped lang="scss"></style>
